前言

網頁基礎構成基本就是 HTML 和 CSS，最多再增加 JavaScript，前 2 個我幾乎每次都碰一下就會中斷，畢竟比起基礎的 HTML 和 CSS，還是比較喜歡邏輯的 JavaScript，所以去年鐵人賽才會選 JavaScript，有興趣者可參考去年筆記(JavaScript 新手筆記)

剛好六角學院的「使用 HTML、CSS 開發一個網站」有改版，增加了 flex 的教學，想趁機把基礎補上，期待結束後可以完成最終專案作業

對象

想要了解 HTML 和 CSS 的網頁知識的初學者，可以說是一個入門網頁端的基礎筆記，若有解釋不清楚或是需要補充，還是哪邊有理解錯誤的部分，都歡迎提出建議

工具

基本上是網頁相關，所以會需要一個看網頁的瀏覽器，這邊使用 Chrome，寫程式的部分，這邊使用 VS Code，都是免費使用的，也都可以跨平台與繁體使用，只要下載後安裝就可以了

Chrome

• 說明：Chrome 是 Google 開發的一種網頁瀏覽器，除了顯示網頁，還有強大的開發者除錯工具可以使用
• Google Chrome WiKi
• 下載連結：https://www.google.com/intl/zh-TW/chrome/

VS Code

• 說明：Visual Studio Code (簡稱：VS Code)是微軟開發的一種程式編輯器，免費外還有眾多的外掛模組可以使用
• Visual Studio Code WiKi
• 下載連結：https://code.visualstudio.com/Download
• 繁體中文化：參考如下
  • VS Code 安裝後，點選左邊的延伸模組(Extension)選項(4 個小方框，Ctrl + Shift + X)
  • 搜尋：Chinese (Traditional) Language Pack for Visual Studio Code(基本上打 chinese 應該就可以發現）
  • 點擊安裝(Install)
  • 安裝完成後重新啟動 VS Code

次回

預計簡單說明什麼是 HTML 和 CSS